const laydate = layui.laydate
const laypage = layui.laypage
const form = layui.form
const layer = layui.layer

// 封装get请求的参数
let query = {
    start_time: '',
    end_time: '',
    title: '',
    cateid: '',
    page: '',   //文章页码
    limit: 10,   //每页文章数
}
// 时间表单框js
// layui.use('laydate', function () {
//     //执行一个laydate实例
//     laydate.render({
//         elem: '#class_time', //指定元素
//         range: '~',
//     });
// })

// ===========================渲染页面==========================
function getArtList() {
    axios.get('/ydd_article/list', {
        params: query,
    }).then(res => {
        // console.log(res)
        console.log(res.data.data.data)
        const htmlStr = res.data.data.data.map(function (item) {
            let sw1 = 1, sw2 = 1
            if (item.ishot !== 1) {
                sw1 = 0
            }
            if (item.istop !== 1) {
                sw2 = 0
            }
            return `   
        <tr>
            <td>${item.id}</td>
            <td>${item.title}</td>
            <td>${item.catename}</td>
            <td><img src="http://124.223.14.236:8060/${item.pic}" alt=""></td>
            <td>${getnTime(item.create_date)}</td>
            <td style="text-align: center;"> 
                <img src="./images/${sw1}.png" alt="">
            </td>
            <td style="text-align: center;">
                <img src="./images/${sw2}.png" alt="">
            </td>
            <td><button class="layui-btn layui-btn-primary layui-border-blue" disabled>已发布</button></td>
            <td>
                <button type="button" class="layui-btn layui-btn-xs btn_edit" data-id="${item.id}">编辑</button>
                <button type="button" class="layui-btn layui-btn-danger layui-btn-xs btn_delete" data-id="${item.id}">删除</button>
            </td>
        </tr>
        `
        }).join('')
        // console.log(htmlStr);
        $('#list').html(htmlStr)
        // 再处理分页效果
        renderPage(res.data.data.count)
    })
}
getArtList()
//==========================分页=========================
function renderPage(count) {
    // console.log(count)
    laypage.render({
        elem: 'page-box',
        count,
        limit: 10,
        curr: query.page,
        layout: ['count', 'limit', 'prev', 'page', 'next', 'skip'],
        // 跳转页面
        jump: function (obj, first) {
            //obj包含了当前分页的所有参数，比如：
            // console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
            // console.log(obj.limit); //得到每页显示的条数
            // 修改query对象的pagenum的值
            query.page = obj.curr
            // console.log('======', query.page);
            //首次不执行
            if (!first) {
                //do something
                getArtList()
            }
        }
    })
}

// // ==========================删除功能=========================
$('#list').on('click', '.btn_delete', function () {
    let id = $(this).attr('data-id')
    layer.confirm(
        '确认删除此文章吗？',
        { icon: 3, title: '提示' },
        function (index) {
            axios.get('/ydd_article/del', {
                params: {
                    id,
                }
            }).then(res => {
                // console.log(res)
                layer.msg('删除成功')
                layer.close(index)
                getArtList()
            })

        }
    )
})
// // ============================获取文章分类数据，填充到下拉框==========================
const classArr = [
    {
        shuzi: 3,
        leibie: '时政'
    }, {
        shuzi: 4,
        leibie: '图片'
    },
    {
        shuzi: 5,
        leibie: '娱乐'
    },
    {
        shuzi: 6,
        leibie: '汽车'
    },
    {
        shuzi: 7,
        leibie: '段子'
    },
    {
        shuzi: 8,
        leibie: '科技'
    },
    {
        shuzi: 9,
        leibie: '时尚'
    },
]
axios.get('/ydd_article/list').then(res => {
    // console.log(res.data.data.data)
    const newArr = classArr.map(item => {
        return `
        <option value="${item.shuzi}">${item.leibie}</option>
        `
    }).join('')
    // console.log(newArr)
    $('[name=cate_id]').append(newArr)
    form.render()
})

// // =====================实现筛选功能============================
// axios.get('/ydd_tag/list').then(res => {
//     console.log(res)
// })
$('#form').on('submit', function (e) {
    e.preventDefault()
    // 修改query对象的数据
    // console.log($('#class_title').val())
    // console.log($('#cateSelect').val())
    // console.log($('#class_time').val().split('~'))
    let time1 = $('#class_time').val().split('~')[0]
    let time2 = $('#class_time').val().split('~')[1]
    let newTime1 = Date.parse(time1)
    let newTime2 = Date.parse(time2)
    // console.log(Date.parse(time1))
    // console.log(Date.parse(time2))
    query.title = $('#class_title').val() || ''
    query.cateid = $('#cateSelect').val() || ''
    query.start_time = newTime1 || ''
    query.end_time = newTime2 || ''
    getArtList()
})

// // ===========================重置功能============================
layui.use('form', function () {
    //方法提交
    $('#re').on('click', function (data) {
        document.querySelector('#form').reset()
        query = {
            start_time: '',
            end_time: '',
            title: '',
            cateid: '',
            page: '',   //文章页码
            limit: 10,   //每页文章数
        }
        getArtList()

        return false
    })
})
// // =========================新增文章=============================
$('#add').on('click', function () {
    location.href = './addArticle.html'
})




// // ========================时间戳转为时间=======================
function getnTime(xin) {
    let date = new Date(xin)
    Y = date.getFullYear() + '-'
    M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-'
    D = date.getDate() + ''
    return Y + M + D
}
console.log(getnTime(1779099728679))

// ========================编辑文章===========================
$('#list').on('click', '.btn_edit', function () {
    let id = $(this).attr('data-id')
    location.href = './editArticle.html?id=' + id
})





// // let data = {
// //     author: '',
// //     cateid: '',
// //     click: '',
// //     content: '',
// //     create_date: '',
// //     description: '',
// //     ishot: '',
// //     istop: '',
// //     keywords: '',
// //     lovenum: '',
// //     // pic: '/upload/images/' + file.name,
// //     pic: '',
// //     status: '2',
// //     tags: '',
// //     title: '',
// // }
// // axios.post('/ydd_article/add', data)
// //     .then(res => {
// //         console.log(res)
// //     })


// // axios.get('/ydd_article/rowInfo', {
// //     id: 50,
// // }).then(res => {
// //     console.log(res)
// // })


// $('#daochu').on('click', function () {
//     location.href = '../qian.html'
// })

